@fontsSize: 16px;
@subFontSize: 14px;
@color: #2f2f2f;
@whiteColor: #FFFFFF;
@errorColor: #FD4345;
@primaryColor: #FF4A32;
@selectBgColor: #F5F5F5;
// vux按钮统一配置
@button-global-border-radius: 4px;
@button-global-height: 40px;
@button-global-disabled-font-color: #9A9A9A; // disabled状态下的字体颜色
@button-warn-bg-color: #FF8D40; //warn类型的背景颜色
@button-warn-active-bg-color: #e8803a; //active状态下，warn类型的背景颜色
@button-warn-disabled-bg-color: #F5F5F5; //disabled状态下，warn类型的背景颜色
@button-default-bg-color: #FFFFFF; //default类型的背景颜色
@button-default-font-color: #707070; //default类型的字体颜色
@button-default-border-color: #D7D7D7; //default类型的字体颜色
@button-default-disabled-border-color: #EAEAEA; //default类型的字体颜色
@button-default-active-bg-color: #F3F3F3; //active状态下，default类型的背景颜色
@button-default-disabled-bg-color: #FDFDFD; //disabled状态下，default类型的背景颜色
@button-primary-bg-color: #FF4A32; //primary类型的背景颜色
@button-primary-active-bg-color: #2671DB; //active状态下，primary类型的背景颜色
@button-primary-disabled-bg-color: #F5F5F5; //disabled状态下，primary类型的背景颜色
// @button-plain-primary-color: rgba(26,173,25,1);//plain的primary类型的字体颜色
// @button-plain-primary-border-color: rgba(26,173,25,1);//plain的primary类型的边框颜色
// @button-plain-primary-active-color: rgba(26,173,25,.6);//active状态下，plain的primary类型的字体颜色
// @button-plain-primary-active-border-color: rgba(26,173,25,.6);//active状态下，plain的primary类型的边框颜色
// @button-plain-default-color: rgba(53,53,53,1);//plain的default类型的字体颜色
// @button-plain-default-border-color: rgba(53,53,53,1);//plain的default类型的边框颜色
// @button-plain-default-active-color: rgba(53,53,53,.6);//active状态下，plain的default类型的字体颜色
// @button-plain-default-active-border-color: rgba(53,53,53,.6);//active状态下，plain的default类型的边框颜色
// @button-plain-warn-color: rgba(206,60,57,1);//plain的warn类型的字体颜色
// @button-plain-warn-border-color: rgba(206,60,57,1);//plain的warn类型的边框颜色
// @button-plain-warn-active-color: rgba(206,60,57,.6);//active状态下，plain的warn类型的字体颜色
// @button-plain-warn-active-border-color: rgba(206,60,57,.6);//active状态下，plain的warn类型的边框颜色
::-webkit-input-placeholder {
  font-size: @fontsSize;
}

.not-border {
  .input-box {
    box-sizing: border-box;
    padding: 8px 0px;
    // border: 1px solid #EAEAEA;
    // border-radius: @button-global-border-radius;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
  }

  .gz-input {
    font-size: @fontsSize;
    color: @color;
    width: 100%;
    outline: none;
    border: none;
    border-radius: @button-global-border-radius;
  }

  .input-box-focus {
    // border-width: 1px;
    // border-style: none none solid none;
    // border-color: @primaryColor;
  }

  .input-box-error {
    // border-width: 1px;
    // border-style: none none solid none;
    // border-color: @errorColor;
  }

  .input-disabled {
    background-color: rgba(239, 239, 239, 0.3) !important;
  }

  .valid-error {
    font-size: @subFontSize;
    color: @errorColor;
    margin-top: 5px;
  }

  input:disabled {
    background-color: inherit;
  }
}

.default-border {
  .input-box {
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #EAEAEA;
    border-radius: @button-global-border-radius;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
  }

  .gz-input {
    font-size: @fontsSize;
    color: @color;
    width: 100%;
    outline: none;
    border: none;
    border-radius: @button-global-border-radius;
  }


  .input-box-focus {
    border-width: 1px;
    border-style: solid;
    border-color: @primaryColor;
  }

  .input-box-error {
    border-width: 1px;
    border-style: solid;
    border-color: @errorColor;
  }

  .input-disabled {
    background-color: rgba(239, 239, 239, 0.3) !important;
  }

  .valid-error {
    font-size: @subFontSize;
    color: @errorColor;
    margin-top: 5px;
  }

  input:disabled {
    background-color: inherit;
  }
}

.button-box {
  .weui-btn {
    font-size: @fontsSize;
    border-radius: @button-global-border-radius;
    height: @button-global-height;
    line-height: @button-global-height;
    color: @whiteColor;
  }

  .weui-btn_default {
    background-color: @whiteColor;
    border-width: 1px;
    border-style: solid;
    border-color: @button-default-border-color;
    color: @button-default-font-color;
  }

  .weui-btn_default:not(.weui-btn_disabled):active {
    color: @button-default-font-color;
    background-color: @button-default-active-bg-color;
  }

  .weui-btn_primary {
    background-color: @button-primary-bg-color;
  }

  .weui-btn_primary:not(.weui-btn_disabled):active {
    color: @whiteColor;
    background-color: @button-primary-active-bg-color;
  }

  .weui-btn_warn {
    background-color: @button-warn-bg-color;
  }

  .weui-btn_warn:not(.weui-btn_disabled):active {
    color: @whiteColor;
    background-color: @button-warn-active-bg-color;
  }

  .weui-btn_disabled.weui-btn_default {
    background-color: @button-default-disabled-bg-color;
    color: @button-global-disabled-font-color;
    border-width: 1px;
    border-style: solid;
    border-color: @button-default-disabled-border-color;
  }

  .weui-btn_disabled.weui-btn_primary, .weui-btn_disabled.weui-btn_warn {
    color: @button-global-disabled-font-color;
    background-color: @button-warn-disabled-bg-color;
  }
}

.select-box {
  display: flex;
  align-items: center;
  // background-color: @selectBgColor;
  padding: 9px 10px;
  box-sizing: border-box;
  border-radius: @button-global-border-radius;

  .left {
    flex: 1;
    font-size: @fontsSize;
    color: @color;
    text-align: left;
    //margin-right: 10px;
  }

  .right-icon {
    flex-shrink: 0;
    margin-left: 5px;
  }
}

//popup 选择确认文字颜色
.vux-popup-header-right {
  color: var(--primary-color) !important;
}

.vux-popup-dialog {
  border-radius: 8px 8px 0 0;
}

.vux-popup-header {
  background-color: #FFFFFF !important;
}

.gz-checkbox-box {
  display: flex;
  align-items: center;

  .gz-checkbox {
    width: 16px;
    height: 16px;

    &[disabled] + * {
      color: @button-global-disabled-font-color;
    }
  }

  .gz-checkbox-title {
    font-size: @fontsSize;
    margin-left: 5px;

    > * {
      vertical-align: middle;
    }
  }
}

// 日期选择器  gzDate
.dp-container {
  .dp-header .dp-item {
    &.dp-right {
      color: var(--primary-color);
    }

    &.vux-datetime-clear {
      color: @color;
    }
  }
}

a.vux-datetime {
  height: 44px;
  box-sizing: border-box;
}

//行内单选框样式
.radion-inline {
  .gz-checkbox-box {
    display: inline-block;
    padding-left: 10px;

    &:first-child {
      padding-left: 0px;
    }

  }
}

/*列表样式start*/
.gz-card.gz-list-style {
  background-color: #FFF;
  border-radius: 8px;
  padding: 0 16px;
  box-sizing: border-box;
  margin: 12px;
  overflow: hidden;

  .title-box {
    padding: 16px 0;
    border-bottom: 1px dashed #C9CDD4;
    position: relative;
    // overflow: hidden;
  }

  .content-box {
    padding: 14px 0;
  }

  .footer-box {
    padding-bottom: 14px;
  }

  .btn-group {
    display: flex;
    flex-direction: row-reverse;
  }

  .btn {
    width: 80px;
    padding: 6px 0;
    // color: #86909C;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    // border: 1px solid #C9CDD4;
    border-radius: 30px;
    margin-left: 10px;
  }

  .btn-primary {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    border: 1px solid var(--primary-color);
    border-radius: 30px;
    margin-left: 10px;
  }

  .card-items {
    display: flex;
    flex-wrap: wrap;
  }

  .card-item {
    display: flex;
    // align-items: center;
    margin-top: 12px;

    .item-title {
      flex-shrink: 0;
    }
  }

  .content-box {
    .card-item {
      min-width: 100%;
    }
  }

  .card-item:first-child {
    margin-top: 0;
  }

  .item-title {
    font-size: 14px;
    color: #86909C;
    font-weight: 400;
  }

  .item-value {
    font-size: 14px;
    color: #1D2129;
    font-weight: 400;
  }

  .left-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #F4F4F4;
    position: absolute;
    bottom: -6px;
    left: -22px;
  }

  .right-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #F4F4F4;
    position: absolute;
    bottom: -6px;
    right: -22px;
  }

  .item-value-tag {
    font-size: 12px;
    font-weight: 400;
    padding: 2px 4px;
    border-radius: 2px;
  }

  .tag-danger {
    color: #F53F3F;
    background-color: #FFECEC;
  }

  /deep/ .weui-btn {
    margin-left: 10px;
    margin-right: 0;
    line-height: 1.6;

    &.weui-btn_plain-warn {
      border: 1px solid #C9CDD4;
    }
  }

  .item-status {
    border: 0;
  }
}

/*列表样式end*/


/*天津签约 放款表单*/
.bzb_style {
  .weui-tabbar__label {
    margin: 0;
    width: 100%;
  }

  //底部按钮处理
  .weui-tabbar__label span {
    //background: var(--primary-color);
    background: linear-gradient(90.00deg, var(--gradient2-color), var(--primary-color));
    //background: linear-gradient(to right, var(--primary50-color), var(--primary-color));
    border-radius: 4.4rem;
    height: 4.4rem;
    color: rgb(255, 255, 255);
    font-family: HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
  }

  .weui-tabbar__item {
    padding: 0;
  }

  //第二个按钮去除左侧间距
  .weui-tabbar__item:nth-child(2n) {
    margin-left: 1.2rem;
  }

  .weui-tabbar__item:nth-child(odd) {
    margin-left: 1.2rem;
  }

  .weui-tabbar__item:first-child {
    margin-left: 0;
  }


  .ivu-form .weui-cells.weui-cells_form {
    margin: 0 1.2rem 1.2rem 1.2rem;
  }

  //修改模块圆角
  .ivu-form .weui-cells {
    border-radius: 12px;
  }

  .ivu-form .weui-cells.weui-cells_form:last-child {
    margin-bottom: 0;
  }

  .weui-cells {
    margin-top: 0;
  }

  //单位样式
  .weui-cell {
    margin: 0 1.6rem;

    > span {
      color: rgb(134, 144, 156);
      font-family: HarmonyOS Sans SC;
      font-size: 16px;
      font-weight: 400;
      line-height: 14px;
    }
  }

  //  popup选择框 确认按钮
  .vux-popup-header-right {
    color: var(--primary-color);
  }

  //只展示输入框
  .weui-cell__bd {
    text-align: left;

    ::placeholder { //通过这个设置
      color: #c9cdd4 !important;
      font-size: 16px;
    }

    //大写金额样式
    > .big_loan {
      color: #1d21298a;
      font-size: 12px;
    }
  }

  .weui-cell__hd .weui-label {
    width: auto !important;
    color: #1D2129;
    /*margin-right: 10px;*/
    font-size: 16px;
  }
  //必填新增红点
  .ivu-form-item-require {
    .weui-label {
      //position: relative;
      &:after {
        content: '*';
        color: red;
        //font-size: 0.18rem;
        //position: absolute;
        //top: 5px;
      }
    }
  }

  .weui-cell__hd {
    flex-shrink: 0;
    width: 114px;
    margin-right: 1.2rem;
  }

  //修改textarea高度 保持在一个水平线
  .weui-textarea {
    //height: 2.3rem;
  }

  //weui-textarea
  .weui-textarea.weui-cell {
    margin: unset;
    display: unset;

  }

  .weui-cell__bd input {
    text-align: left;
  }

  .weui-cell__bd input[disabled] {
    -webkit-text-fill-color: #1D2129;
    -webkit-opacity: 1;
    color: #1D2129;
  }

  //日期组件左对齐
  a.vux-datetime .weui-cell__ft {
    text-align: left;
  }

  a.weui-cell {
    margin: 0;
  }

  .vux-cell-placeholder {
    color: rgb(201, 205, 212);
    font-family: HarmonyOS Sans SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }

  .weui-input {
    height: unset;
  }

  .weui-cells__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  //去除表单中上下 边框
  .weui-cells:before {
    height: 0 !important;
    border-top: 0 !important;
  }

  .weui-cells:after {
    height: 0 !important;
    border-bottom: 0 !important;
  }

  //  处理按钮部分
  //终止按钮样式
  .manualEndBut {
    width: 30%;
  }

  .manualEndBut {
    .weui-tabbar__label {
      span {
        box-sizing: border-box;
        border: 1px solid var(--primary60-color); //#FF4A32 99
        border-radius: 40px;
        background: var(--but-bg-color); //#FFF6F6
        //文字
        color: var(--primary-color);
        font-family: HarmonyOS Sans SC;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
      }
    }
  }

  .manualEndBut.weui-tabbar__item {
    flex: unset;
  }

  .weui-btn_primary {
    background-color: var(--gradient2-color);
  }

  .weui-btn_primary:not(.weui-btn_disabled):active {
    color: @whiteColor;
    background-color: var(--primary60-color);
  }
}

.bzb_style.weui-tabbar {
  background-color: #f4f6f8 !important;
  /* min-height: 60px; */
  height: 6.8rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  padding: 0 1.2rem;
  right: 0;
  width: unset;
}

.bzb_style.weui-tabbar:before {
  height: 0 !important;
  border-top: 1px solid #0000000a !important;
}
